$(function () {
  //上传数据
  $('#feature').on('change', function () {
    //1.获取文件数据
    let mysql = document.querySelector('#feature').files[0];
    // 2.创建formdata对象
    let formdata = new FormData();
    // 3.在formdata中存入文件数据
    formdata.append("img", mysql);
    //4.发起请求,发送数据,获取图片路径
    $.ajax({
      type: 'post',
      url: '/uploadFile',
      data: formdata,
      contentType: false,
      processData: false,
      dataType: 'json',
      success: function (res) {
        console.log(res);
        //显示预览图片
        $('.thumbnail').attr('src', '/uploads/' + res.img).show();
        // 将图片名称存储到指定的隐藏域中
        $('[name="feature"]').val(res.img)
        //错误时显示提示
        $('.alert-danger > span').text(res.msg).fadeIn(500).delay(3000).fadeOut(500)
      }
    })
  })
  // 加载分类数据
  $.ajax({
    type: 'get',
    url: '/getAllCate',
    success: function (res) {
      console.log(res);
      let str = '<option value="all">所有分类</option>'
      for (let i = 0; i < res.data.length; i++) {
        str += `<option value="${res.data[i].id}">${res.data[i].name}</option>`
      }
      $('#category').html(str);
    }
  })
  var id = itcast.getParameter(location.search).id;
  function opt(url) {
    $.ajax({
      type: 'post',
      url: url,
      data: $('form').serialize(),
      success: function (res) {
        console.log(res);
        if (res.code == 200) {
          // 跳转
          location.href = '/admin/posts'
        } else {
          console.log(res.msg)
        }
      }
    })
  }
  // 创建ckeditor富文本框控件替换页面中的textarea
  // 它会创建一个富文本框对象
  CKEDITOR.replace('content');
  $('.btnsave').on('click', function () {
    // 同步数据到textarea
    CKEDITOR.instances.content.updateElement()
    if (id) {
//添加文章
      opt('/editPostById')
    } else {
//添加文章
      opt('/addPost')
    }
  })
//获取数据,展示页面
  if (id) {
    $.ajax({
      type: 'get',
      url: '/getPostById',
      data: { id },
      dataType: 'json',
      success: function (res) {
        $('#title').val(res.data.title);
        $('#content').val(res.data.content);
        $('#slug').val(res.data.slug);
        $('#staus').val(res.data.staus);
        $('#category').val(res.data.category_id);
        $('.thumbnail').attr('src', '/uploads/' + res.data.feature).show();
        $('[ name="feature"]').val(res.data.feature);
        $('[name="id"]').val(res.data.id);
        $('#created').val(res.data.created);
      }
    })
  }
})